<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>class传参-原生JS和jquery的写法</title>
    <script src="https://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>
</head>
<body>

<span class="test" data-user_id="1" data-user_name="杨红伟">杨红伟</span><!--1表示用户ID,有用户ID的表示员工-->
<span class="test" data-user_id="0" data-user_name="张三">张三</span><!--0表示没有用户ID,没有用户ID的表示非员工-->

<script>
    $(function () {
        var a = $(".test");
        console.log(a);
        var travel_user = [];
        $.each(a,function(index,item){
            travel_user.push({'user_name':$(this).data('user_name'),'user_id':$(this).data('user_id')});
        });

        console.log(travel_user);


        $.ajax({
            type : "post",
            url  : 'test2.php',
            data: travel_user,
            error: function(request) {
                alert("服务器繁忙, 请联系管理员!");
                return;
            },
            success: function(data) {
                if(data.length!=0){
                    //todo
                }else{
                    //todo
                }
            }
        })
    })
</script>
</body>
</html>